<template>
  <div>
      <table border="1">
          <thead>
              <tr>
                  <th>序号</th>
                  <th>姓名</th>
                  <th>年龄</th>
                  <th>头像</th>
              </tr>
          </thead>
          <thead>
              <tr v-for="(val,index) in arr" :key="index">
                  <td>{{index+1}}</td>
                  <td>{{val.name}}</td>
                  <td>{{val.age}}</td>
                  <td>
                      <slot :row="val"></slot>
                  </td>
              </tr>
          </thead>
      </table>
  </div>
</template>

<script>
export default {
    props:{
        arr:Object
    }
}
</script>